<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel='stylesheet' type='text/css' href='<c:url value="/scripts/fullcalendar/cupertino/theme.css"/>' />
<link rel='stylesheet' type='text/css' href='<c:url value="/scripts/fullcalendar/fullcalendar.css"/>' />
<link rel='stylesheet' type='text/css' href='<c:url value="/scripts/fullcalendar/fullcalendar.print.css"/>' media='print' />
<script type='text/javascript' src='<c:url value="/scripts/jquery.js"/>'></script>
<script type='text/javascript' src='<c:url value="/scripts/jquery-ui/ui/jquery-ui-1.8.11.custom.js"/>'></script>
<script type='text/javascript' src='<c:url value="/scripts/fullcalendar/fullcalendar.min.js"/>'></script>
<script type='text/javascript'>

	$(document).ready(function() {

		var date = new Date();
		var d = date.getDate();
		var m = date.getMonth();
		var y = date.getFullYear();

		$('#calendar').fullCalendar({
			theme: true,
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'month,agendaWeek,agendaDay'
			},
			editable: true,
			 monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
			 monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
			 dayNames: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
			 dayNamesShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
			 today: ["今天"],
			 buttonText: {
			 today: '今天',
			 month: '月',
			 week: '周',
			 day: '日' },

			events:"${ctx}/pages/Calendar/outCalendarInfo.do",
			loading: function(bool) {
				if (bool) $('#loading').show();
				else $('#loading').hide();
			},
			eventDrop: function(event, delta) {
				alert(event.title + ' was moved ' + delta + ' days\n' +
					'(should probably update your database)');
			}
		});

	});

</script>
<style type='text/css'>


	#loading {
		position: absolute;
		top: 5px;
		left: 100px;
		}


</style>
  </head>

  <body>
  <div id='loading' style='display:none'>数据装载中...</div>
<div id='calendar'></div>
  </body>
</html>
